/**
 * Stylesheet dedicated to the top menu structure. These style classes define the skeleton 
 * of the components and include CSS properties such as margin, padding, display type, dimensions 
 * and positioning. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */
 
/* Main styles */
.topMenu {
	height: 20px;
}

/* Top menu content */
.topMenu>.topMenuContent{
	padding: 2px 5px 0px 5px;
	text-align: right;
}

/* Top menu icon */
.topMenu>.topMenuContent>.topMenuIcon{
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* Top menu content item */
.topMenu>.topMenuContent>.topMenuContentItem {
	margin-right: 6px;
}

.topMenu>.topMenuContent>.topMenuContentItem:after {
	content: "|";
	margin-left: 4px;
}
